<template>
  <div>
    <ul>
      <li>消息ID：{{ this.$route.query.id }}</li>
      <li>消息内容：{{ this.$route.query.title }}</li>
      <li>From router props: {{ id }}</li>
      <li>From router props: {{ title }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  mounted() {
    console.log(this.$route);
  },
  props: ["id", "title"],
};
</script>

<style scoped></style>
